<template>
    <div class="main">
              <img class="overtime-img" src="../../../assets/img/overtime.png" alt="">
                <div class="overtime-text">登录超时，暂无权限</div>
                <div class="btn" @click="backhome">
                    <span>重新登录</span>
              </div>
    </div>
</template>

<script>
export default {
   methods:{
       backhome(){
           
       }
   }
}
</script>

<style scoped>
.main{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.overtime-img{
    width: 18rem;
    height: 14rem;
    margin-top: 14rem;
}
.overtime-text{
     margin-top: 2rem;
     font-size: 1.2rem;
     font-weight: normal;
     color:var(--el-color-text-9);
}
.btn{
    margin-top: 4rem;
    width: 12rem;
    height: 3rem;
        display: flex;
        align-items: center;
        justify-content: center;
border-radius: 2.75rem 2.75rem 2.75rem 2.75rem;
border: 1px solid var(--el-color-primary);
font-size: 1.4rem;
font-weight: 400;
color: var(--el-color-primary);
}
.btn:active {
    background: var(--el-color-primary);
    color: var(--el-color-primary-light-9);
}
</style>